<style lang="less" scoped>
  .scrolltab {padding-bottom: 0.89rem; margin-top: 0.92rem; border: 1px solid #ddd;}
  .type_items {
    width: 4.92rem; overflow: hidden;
    li {
      float: left; width: 1.64rem;
      div {width: 1.64rem; height: 1.64rem;}
      img {width: 100%; height: 100%;}
      p {text-align: center; font-size: 0.24rem; color: #333;}
    }

  }
</style>
<template>
  <div class="type_wrap">
    <SearchItem ins="type"></SearchItem>
    <yd-scrolltab class="scrolltab">
      <yd-scrolltab-panel label="吊坠" active>
        <ul class="type_items">
          <li>
             <div><img src="/static/images/list.png"></div>
             <p class="tx_ov">是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
        </ul>
      </yd-scrolltab-panel>
      <yd-scrolltab-panel label="戒指">
        <ul class="type_items">
          <li>
             <div><img src="/static/images/list.png"></div>
             <p class="tx_ov">是淡粉色的是淡粉色的是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
        </ul>
      </yd-scrolltab-panel>
      <yd-scrolltab-panel label="钻石">
        <ul class="type_items">
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
        </ul>
      </yd-scrolltab-panel>
      <yd-scrolltab-panel label="手链">
        <ul class="type_items">
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
          <li>
             <div><img src="/static/images/list.png"></div>
             <p>是淡粉色的</p>
          </li>
        </ul>
      </yd-scrolltab-panel>
    </yd-scrolltab>

  </div>
</template>
<script>
import SearchItem from '../Common/SearchItem'
export default {
  components: { SearchItem },
  data() {
    return {

    }
  }
}
</script>
